<template>
  <div>
    <!-- <Child2 @click.native='fff' />
    <Child2>
      <template slot='qq_header'>
        <h1>用户设置的头部</h1>
      </template>
      <template slot-scope="yyy">
        <h2>hello world {{yyy}}</h2>
      </template>
    </Child2>
    <div>---------------------</div>
    <Child2>
      <template #qq_header>
        <h1>用户设置的头部</h1>
      </template>
      <template #default="yyy">
        <h2>hello world {{yyy}}</h2>
      </template>
      <template #qq_footer>
        <h1>用户设置的尾部</h1>
      </template>
    </Child2> -->
    <input
      type="text"
      v-model='name'
    >
    <my-button
      @click='f1'
      :data='name'
    >按钮</my-button>
  </div>
</template>
<script>
// @ is an alias to /src
/* 
  加载 肯定先加载父亲  加载父亲的过程中发现有儿子 再去加载儿子  儿子加载完成
  在去接加载父亲

  父 beforeCreate -> created ->beforeMount->子->beforeCreate -> created ->beforeMount -> mounted -> 父mounted

  父->beforeUpdate -> 子beforeUpdate->updated -> 父updated
*/
import Child2 from "./components/Child2.vue";
export default {
  name: "XXX",
  data() {
    return {
      name: "珠峰",
    };
  },
  components: { Child2 },
  methods: {
    f1() {
      console.log(66666);
    },
    fff() {
      console.log(9999);
    },
  },
  beforeUpdate() {
    console.log("父beforeUpdate");
  },
  updated() {
    console.log("父updated");
  },
};
</script>
<style lang="less">
</style>